<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="../assets/flexible/flexible.debug.js"></script>
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/first.css">
    <link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
</head>

<body>
    <div class="top">
        <header class="header">
            <div class="left">
                <h2>好价</h2>
            </div>
            <div class="right">
                <figure><img src="../images/seach.png" alt=""></figure>
                <figure><img src="../images/wei.png" alt=""></figure>
                <figure><img src="../images/jia.png" alt=""></figure>
            </div>
        </header>
        <ul>
            <li class="lis nav_li">
                <h3>精选</h3>
            </li>
            <li class="lis">
                <h3>发现</h3>
            </li>
        </ul>
    </div>


    <section class="section">
        <div class="swiper-container sec_top">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <section class="swipers">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <img src="../images/hao_2.png" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="../images/hao_3.png" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="../images/hao_4.png" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="../images/hao_1.png" alt="">
                                </div>
                                <div class="swiper-slide"><img src="../images/ying.png" alt=""></div>
                                <!-- <div class="swiper-slide">
                                    <img src="../images/leshou.png" alt="">
                                </div> -->

                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination"></div>

                        </div>
                    </section>
                    <section class="dl">
                        <dl>
                            <dt>
                                <img src="../images/guo_1.png" alt="">
                            </dt>
                            <dd>
                                国内精选
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <img src="../images/hai_1.png" alt="">
                            </dt>
                            <dd>
                                海涛精选
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <img src="../images/bai_1.png" alt="">
                            </dt>
                            <dd>
                                白菜专区
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <img src="../images/you_1.png" alt="">
                            </dt>
                            <dd>
                                优惠券
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <img src="../images/tian_1.png" alt="">
                            </dt>
                            <dd>
                                天猫好券
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <img src="../images/xian_1.png" alt="">
                            </dt>
                            <dd>
                                闲值转让
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <img src="../images/bi_1.png" alt="">
                            </dt>
                            <dd>
                                好价必看
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <img src="../images/pai_1.png" alt="">
                            </dt>
                            <dd>
                                好价排行
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <img src="../images/jiang_1.png" alt="">
                            </dt>
                            <dd>
                                降价直播
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <img src="../images/hao_hao.png" alt="">
                            </dt>
                            <dd>
                                好价爆料
                            </dd>
                        </dl>
                    </section>


                    <section class="sec">
                        <div class="title1">
                            <p>值推荐</p>
                        </div>
                        <div class="dls">
                            <dl>
                                <dt>
                                    <img src="../images/zhongpei.png" alt="">
                                </dt>
                                <dd>
                                    <h2>中配 XPS 15</h2>
                                    <span>21日0点持平好价</span>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <img src="../images/shangjin.png" alt="">
                                </dt>
                                <dd>
                                    <h2>张大妈赏金计划</h2>
                                    <span>黑五一站扫遍全球好货</span>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <img src="../images/wanjian.png" alt="">
                                </dt>
                                <dd>
                                    <h2>晚间白菜</h2>
                                    <span>法兰绒毛毯18元</span>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <img src="../images/jing.png" alt="">
                                </dt>
                                <dd>
                                    <h2>京东图书文娱大促</h2>
                                    <span>满200减50元优惠券</span>
                                </dd>
                            </dl>
                        </div>

                    </section>
                    <section class="swiper2">
                        <section class="big">
                            <script type="text/html" id="tem">
                                {{each list v}}
                                    <div class="swi2_top">
                                        <figure>
                                            <img src="{{v.img1}}" alt="">
                                        </figure>
                                        <h5>{{v.h5}}</h5>
                                        <span>{{v.span1}}</span>
                                        <span>{{v.span2}}</span>
                                    </div>
                                    <div class="swi2_dl">
                                        <dl>
                                            <dt>
                                                <img src="{{v.img2}}" alt="">
                                            </dt>
                                            <dd>
                                                <h2>{{v.h2}}</h2>
                                                <span>{{v.span3}}</span>
                                                <div class="fip">
                                                    <p>{{v.jing}}</p>
                                                    <div>
                                                        <figure>
                                                            <img src="{{v.img4}}" alt="">
                                                            <p>{{v.p1}}</p>
                                                        </figure>
                                                        <figure>
                                                            <img src="{{v.img5}}" alt="">
                                                            <p>{{v.p2}}</p>
                                                        </figure>
                                                    </div>
                                                </div>
                                            </dd>
                                        </dl>
                                    </div>
                                {{/each}}
                            </script>
                        </section>
                     
                    </section>
                    <div class="lun">
                            <div class="lun_top">
                                <h2>淘宝计划</h2>
                                <span>+关注</span>
                            </div>
                            <p>海淘族新福利！加入海淘V计划等级Visa卡后消费就有30%-50%金币奖励，首笔消费还有额外奖励，海淘回血就靠这个了</p>
                            <div class="lun_sw">


                                <div class="swiper-container">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <dl>
                                                <dt>
                                                    <img src="../images/adidasi.png" alt="">
                                                </dt>
                                                <dd>

                                                    <p>限尺码：adidas阿迪达斯 Tubular...</p>
                                                    <span>$71.96(约￥477)</span>
                                                </dd>
                                            </dl>
                                        </div>
                                        <div class="swiper-slide">
                                                <dl>
                                                        <dt>
                                                            <img src="../images/adidasi.png" alt="">
                                                        </dt>
                                                        <dd>
        
                                                            <p>限尺码：adidas阿迪达斯 Tubular...</p>
                                                            <span>$71.96(约￥477)</span>
                                                        </dd>
                                                    </dl>
                                        </div>
                                        <div class="swiper-slide">
                                                <dl>
                                                        <dt>
                                                            <img src="../images/adidasi.png" alt="">
                                                        </dt>
                                                        <dd>
        
                                                            <p>限尺码：adidas阿迪达斯 Tubular...</p>
                                                            <span>$71.96(约￥477)</span>
                                                        </dd>
                                                    </dl>
                                        </div>
                                        <div class="swiper-slide">
                                                <dl>
                                                        <dt>
                                                            <img src="../images/adidasi.png" alt="">
                                                        </dt>
                                                        <dd>
        
                                                            <p>限尺码：adidas阿迪达斯 Tubular...</p>
                                                            <span>$71.96(约￥477)</span>
                                                        </dd>
                                                    </dl>
                                        </div>
                                        <div class="swiper-slide">
                                                <dl>
                                                        <dt>
                                                            <img src="../images/adidasi.png" alt="">
                                                        </dt>
                                                        <dd>
        
                                                            <p>限尺码：adidas阿迪达斯 Tubular...</p>
                                                            <span>$71.96(约￥477)</span>
                                                        </dd>
                                                    </dl>
                                        </div>
                                        <div class="swiper-slide">
                                                <dl>
                                                        <dt>
                                                            <img src="../images/adidasi.png" alt="">
                                                        </dt>
                                                        <dd>
        
                                                            <p>限尺码：adidas阿迪达斯 Tubular...</p>
                                                            <span>$71.96(约￥477)</span>
                                                        </dd>
                                                    </dl>
                                        </div>
                                    </div>
                                    <!-- Add Pagination -->
                                    <!-- <div class="swiper-pagination"></div> -->
                                </div>
                            </div>
                        </div>
                </div>
                <section class="swiper2">
                        <section class="big1">
                            <script type="text/html" id="tems">
                                {{each li x}}
                                    <div class="swi2_top">
                                        <figure>
                                            <img src="{{x.img1}}" alt="">
                                        </figure>
                                        <h5>{{x.h5}}</h5>
                                        <span>{{x.span1}}</span>
                                        <span>{{x.span2}}</span>
                                    </div>
                                    <div class="swi2_dl">
                                        <dl>
                                            <dt>
                                                <img src="{{x.img2}}" alt="">
                                            </dt>
                                            <dd>
                                                <h2>{{x.h2}}</h2>
                                                <span>{{x.span3}}</span>
                                                <div class="fip">
                                                    <p>{{x.jing}}</p>
                                                    <div>
                                                        <figure>
                                                            <img src="{{x.img4}}" alt="">
                                                            <p>{{x.p1}}</p>
                                                        </figure>
                                                        <figure>
                                                            <img src="{{x.img5}}" alt="">
                                                            <p>{{x.p2}}</p>
                                                        </figure>
                                                    </div>
                                                </div>
                                            </dd>
                                        </dl>
                                    </div>
                                {{/each}}
                            </script>
                        </section>
                     
                    </section>
                <div cladiv ss="swiper-slide">
                </div>


            </div>
        </div>
    </section>
    <footer class="footer">
        <a href="../html/first.html">
            <dl>
                <dt>
                    <img src="../images/shou1.png" alt="">
                </dt>
                <dd>
                    首页
                </dd>
            </dl>
        </a>
        <a href="../html/haojia.html">
            <dl>
                <dt>
                    <img src="../images/haojia.png" alt="">
                </dt>
                <dd>
                    好价
                </dd>
            </dl>
        </a>
        <a href="../html/haowu.html">
            <dl>
                <dt>
                    <img src="../images/haowu.png" alt="">
                </dt>
                <dd>
                    好物
                </dd>
            </dl>
        </a>
        <a href="./haowen.html">
            <dl>
                <dt>
                    <img src="../images/haowen.png" alt="">
                </dt>
                <dd>
                    好文
                </dd>
            </dl>
        </a>
        <a href="./wode.html">
            <dl>
                <dt>
                    <img src="../images/wode.png" alt="">
                </dt>
                <dd>
                    我的
                </dd>
            </dl>
        </a>
    </footer>
    <script src="../assets/jquery/jquery-3.2.1.js"></script>
    <script src='../assets/swiper/js/swiper.jquery.min.js'></script>
    <script src='../assets/artTemplate/template-web.js'></script>
    <script src="../js/haojia.js"></script>
</body>

</html>